import { useState, useEffect } from 'react'//订单详情
import './particulars.less'
const Particulars = () => {
    return (<div className={"particulars_body"}>
        {/* 顶部 */}
        <div className={"particulars_Top"}><span className={"iconfont icon-arrowLeft particulars_LeftBIu"}></span> <h2 className={"particulars_Ding"}>订单详情</h2></div>
        {/* center部 */}
        <div className={"particulars_Center"}>
            {/* 待付款时间 */}
            <div className={"particulars_payment"}>
                <div className={"particulars_payment_top"}><span className={"iconfont icon-qianbaoqiandaiyue  particulars_payment_top_money"}></span><span className={"particulars_payment_top_await"}>待付款</span></div>
                <div className={"particulars_payment_bottom"}><p className={"particulars_payment_bottom_accomplish"}>请在<span>14:59</span>完成付款</p></div>
            </div>
            {/* 地址 */}
            <div className={"particulars_region"}>
                <div className={"particulars_region_top"}><span>流沙包</span><span>123456789</span></div>
                <div className={"particulars_region_bottom"}><span>安徽省合肥市有孩区xxxxxxx</span></div>
            </div>
            {/* 商品清单 */}
            <div className={"particulars_commodity"}>
                <div>
                    <h2>商品清单</h2>
                </div>
                <div>
                    <div></div>
                    <div>
                        <p>Chinald圣纸抽纸（20包/箱）</p>
                        <p><span>&nbsp;x&nbsp;</span><span>1</span></p>
                        <p>￥88</p>
                    </div>
                </div>
            </div>
            {/* 费用明细 */}
            <div className={"particulars_cost"}>
                <div><h2>费用明细</h2></div>
                <div>
                    <p><span>商品金额</span><span>$89.00</span></p>
                    <p><span>折扣卷</span><span>-￥0.00</span></p>
                    <p><span>运费</span><span>包邮</span></p>
                </div>
                <div>
                    <p><span>应付款:</span><span>￥89.00</span></p>
                </div>
            </div>
            {/* 订单信息 */}
            <div className={"particulars_message"}>
                <div>
                    <h2>订单信息</h2>
                </div>
                <div>
                    <p><span>订单编号</span><span>$89.00</span></p>
                    <p><span>折扣卷</span><span>-￥0.00</span></p>
                    <p><span>创建时间</span><span>包邮</span></p>
                </div>
                <div>
                    <p><span>联系卖家</span></p>
                    <p><span>拨打电话</span></p>
                </div>
            </div>
        </div>
        {/* bottom部 */}
        <div className={"particulars_bottom"}>
                <button>取消订单</button>
                <button>立即付款</button>
        </div>
    </div>)
}
export default Particulars